<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <!--禁止缩放-->
    <meta name="format-detection" content="telephone=no"/>
    <!--忽略数字为电话号码-->
    <title>丹寨万人长桌宴</title>
    <meta name="description" content="丹寨万人长桌宴"/>
    <meta name="keywords" content="丹寨万人长桌宴"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/nprogress.css"/>

    <style>
        html,body{ width:100%; height:100%; overflow:hidden;}
        body{
            background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/hseat_750.jpg");
            width: 100%;
            background-size: cover;
            background-position: center center;
        }
        @media screen and (min-width: 800px){
            body{
                background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/hseat.jpg");
                width: 100%;
                background-size: cover;
                background-position: center center;
            }
        }
    </style>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script src="//js.tarsocial.com/h5stat-2.1.1.js"></script>
</head>
<body>
<div class="dis_none">
    <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/chosen.png">
</div>

<!--验证弹框-->
<div class="mask_layer tk_yz dis_none" style="z-index: 102;">
    <div class="tk_box">
        <div class="tk_top">
            <div class="tk_input">
                <input type="text" class="input-txt" placeholder="请输入手机号" name="phone">
            </div>
            <div class="tk_input">
                <input type="text" class="input-txt" placeholder="验证码" name="code" >
                <input type="button" onclick="getVerifyCode(this)" class="input-yzm" value="获取验证码">
            </div>
            <div class="btns">
                <a class="a-btn" href="javascript: void(0);" onclick="yzmClose();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/cancel.png"> </a>
                <a class="a-btn" href="javascript: void(0);" onclick="bandPhone();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/sure.png"></a>
            </div>
        </div>
        <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/tk_yzm.png" class="tk_bg">
    </div>

</div>

<!--团购须知弹框-->
<div class="mask_layer tk_rules dis_none">
    <div class="tk_top tk_pos">
        <div class="txtBox tgtxt">
            <p>①团队订座不支持自己选择座位，我们会尽量将位置安排在一起。</p>
            <p>②团队订座一旦支付不可退款。</p>
            <p>③团队订座最少需预定10个座位，最多30个座位。</p>

        </div>
        <a href="javascript: void(0);" onclick="tgShow();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/iknow.png" class="knowBtn"></a>
        <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/tk_tg.png" class="img_tk">
    </div>
</div>

<!--团购弹框-->
<div class="mask_layer tk_number dis_none">
    <div class="tk_top tk_pos">
        <div class="txtBox tgnumber">
            <div class="top">
                <a href="javascript: void(0);" onclick="minusSeatCnt();">-</a>
                <input type="number" class="input-txt" name="seatCnt" value="10" oninput="checkSeatCnt();" />
                <a href="javascript: void(0);" onclick="addSeatCnt();">+</a>
            </div>
            <a href="javascript: void(0);" onclick="checkForGroupOrder();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/sure02.png" class="pay"> </a>

        </div>
        <a href="javascript: void(0);" onclick="tgClose();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/closeBtn.png" class="knowBtn"></a>
        <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/tk_tg02.png" class="img_tk">
    </div>
</div>

<!--支付完成 弹框-->
<div class="mask_layer tk_payed dis_none">
    <div class="tk_top tk_pos">
        <div class="top">
            <p>100元</p>
            <a href="javascript: void(0);" onclick="payedClose();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/payedClose.png"></a>
        </div>
        <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/payedBg.png" class="img_tk">
    </div>

</div>

<!--加载进度显示-->
<div class="load" >
    <div class="con-load">
        <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/loading.png" alt="">
        <P></P>
        <h4>进入选座页</h4>
    </div>
</div>

<div class="wrap">
    <!--背景遮罩-->
    <div class="bg-black dis_none" ></div>

    <div class="content horiseat" >

        <div class="horiseatBox">
            <div class="seatbtn">
                <a href="javascript: void(0);" onclick="history.go(-1);"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/back.png" class="goback"> </a>
                <!--<a href="javascript: void(0);" onclick="rulesShow();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/tg.png" class="tgseat"> </a>-->
            </div>
            <div class="seat">
                <div class="aseat">
                    <!--<a class="noChoose">001</a>-->
                    <!--<a class="sellout"></a>-->
                    <!--<a class="hasChose">003</a>-->
                    <!--<a class="noChoose">004</a>-->
                    <!--<a class="noChoose">005</a>-->
                    <!--<a class="noChoose">006</a>-->
                    <!--<a class="sellout"></a>-->
                    <!--<a class="hasChose">008</a>-->
                    <!--<a class="noChoose">009</a>-->
                    <!--<a class="noChoose">010</a>-->
                </div>
                <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/seatbg01.png" class="seatbg">
            </div>
            <div class="seat">
                <div class="aseat">
                    <!--<a class="noChoose">001</a>-->
                    <!--<a class="sellout"></a>-->
                    <!--<a class="hasChose">003</a>-->
                    <!--<a class="noChoose">004</a>-->
                    <!--<a class="noChoose">005</a>-->
                    <!--<a class="noChoose">006</a>-->
                    <!--<a class="sellout"></a>-->
                    <!--<a class="hasChose">008</a>-->
                    <!--<a class="noChoose">009</a>-->
                    <!--<a class="noChoose">010</a>-->
                </div>
                <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/seatbg02.png" class="seatbg">
            </div>
            <div class="seat">
                <div class="aseat">
                    <!--<a class="noChoose">001</a>-->
                    <!--<a class="sellout"></a>-->
                    <!--<a class="hasChose">003</a>-->
                    <!--<a class="noChoose">004</a>-->
                    <!--<a class="noChoose">005</a>-->
                    <!--<a class="noChoose">006</a>-->
                    <!--<a class="sellout"></a>-->
                    <!--<a class="hasChose">008</a>-->
                    <!--<a class="noChoose">009</a>-->
                    <!--<a class="noChoose">010</a>-->
                </div>
                <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/seatbg03.png" class="seatbg">
            </div>

            <div class="btnBox02">
                <div class="btns">
                    <a id="pageUp" href="javascript: void(0);" onclick="pageUp();">上一页</a>
                    <a href="javascript: void(0);" onclick="checkForOrder();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/okpay.png"></a>
                    <a id="pageDown" href="javascript: void(0);" onclick="pageDown();">下一页</a>
                </div>
            </div>
        </div>

    </div>
    <!--content-->

</div>

</body>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/nprogress.js"></script>
<script src="js/common.js"></script>
<script src="js/pace.js"></script>
<script src="js/layer/layer.js"></script>
<script src="js/regist.js"></script>
<script src="js/horiSeat.js"></script>
<script src="js/pay.js"></script>
<script src="js/groupBuy.js"></script>
<script src="js/finishPay.js"></script>
<script>
    $("input").blur(function () {
        setTimeout(function () {
            var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
            window.scrollTo(0, Math.max(scrollHeight - 1, 0));
        }, 100);
    })
</script>
</html>